/*列表页面的样式*/
.page_box{ /*相当于页面容器*/
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.query_box{ /*查询条件区域*/
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color: #F7F7F7;
	color: #818181;
	font-size: 12px;
	line-height: 50px;
	text-align: left;
	font-family: MicrosoftYaHei;
}
/*下面是新补充的查询条件区域样式*/
.qb_div{ /*查询区域大容器*/
	width: 100%;
	height: 60px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color: #F7F7F7;
}
.qb_div_LR{ /*新增功能固定信息部分*/
	width: 650px;
	height: 60px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.lineAll{
	width: 650px;
	height: 30px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #818181;
	font-size: 10px;
	line-height: 30px;
	text-align: left;
	font-family: MicrosoftYaHei;
}
.line1{ /*标题行，字体加粗*/
	font-weight: bold;
}
.lineL{
	width: 100px;
	height: 30px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color: #818181;
	font-size: 10px;
	line-height: 30px;
	text-align: right;
	font-family: MicrosoftYaHei;
}
.lineR{
	width: 225px;
	height: 30px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.line2R{
	width: 125px;
}
/*上面是新补充的查询条件区域样式*/
.grid_box{ /*表格区域*/
	/* width: 1920px; */
	width: 100%;
	min-height: 600px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-grow: 1; /*表示占用title区域外的所有*/
	/* overflow-x: auto;
	overflow-y: auto; */
	background-color: #F7F7F7;
}

/*新增与修改弹出页面的样式*/
.all{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.line_input_one{ /*左标题右控件行（每行1组）*/
	width: 90%;
	min-height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0; /*不可被压缩*/
}
.one_L{ /*左标题*/
	width: 20%;
	min-height: 50px;
	display: flex;
	justify-content: flex-end; /*右对齐*/
	align-items: center;
	flex-shrink: 0; /*不可被压缩*/
	color: #818181;
	font-size: 16px;
	line-height: 50px;
	text-align: right;
	font-family: MicrosoftYaHei;
}
.one_R{ /*右控件*/
	width: 80%;
	min-height: 50px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-shrink: 0; /*不可被压缩*/
}
.line_img{ /*上传照片行*/
	width: 90%;
	min-height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0; /*不可被压缩*/
}
.img_L{ /*图片行左侧标题*/
	min-height: 150px;
	align-items: flex-start;
}
.img_R{ /*图片行右侧放置图片的容器*/
	width: 80%;
	min-height: 150px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-shrink: 0; /*不可被压缩*/
}
.img_img{
	width:230px;
	height:135px;
	border-radius: 5px;
}
.two_R{ /*左标题右控件（每行2组）20,30,20,30*/
	width: 30%;
}

/*报表页面查询区域与title显示区域样式*/
.tjfx{ /*title区域与查询条件区域容器*/
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background-color: #F7F7F7;
	
}
.tjfx_title{
	width: 650px;
	height: 50px;
	
	color: #818181;
	font-size: 16px;
	line-height: 50px;
	text-align: left;
	font-family: MicrosoftYaHei;
	font-weight: 900;
}
.tjfx_query{
	height: 50px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-grow: 1;
	color: #818181;
	font-size: 12px;
	line-height: 50px;
	text-align: left;
	font-family: MicrosoftYaHei;
}



